<template>
    <div>
        <van-swipe :autoplay="3000" :height="400" style="height: 400px;" vertical>
            <van-swipe-item v-for="(image, index) in images" :key="index">
                <img class="autoImg" :src="image" alt="">
            </van-swipe-item>
        </van-swipe>
        <van-divider content-position="left">我的名字</van-divider>
        <div class="name">黄启文</div>
        <van-divider content-position="right">关于我</van-divider>
        <van-cell-group>
            <van-cell title="性别" value="男" />
            <van-cell title="出生年月" value="1997.10" />
            <van-cell title="电话" @click="callPhone" value="15850586022" label="点击联系我୧(⁎˃ ◡˂⁎)୨ꔛ"/>
            <van-cell title="邮箱" value="1052864951@qq.com" />

        </van-cell-group>
    </div>


</template>

<script>
    export default {
        name: "me",
        data() {
            return {
                images: [
                    require('../../public/img/img1.jpg'),
                    require('../../public/img/img2.jpg'),
                    require('../../public/img/img3.jpg'),
                ]
            }
        },
        methods:{
            callPhone(){
                window.location.href = 'tel://15850586022'
            }
        }
    }
</script>

<style scoped>
.autoImg{
    width: 100%;
    height: 400px;
}
    .name{
        margin-left: 55px;
    }
</style>